﻿@page "/fullscreen"
@inject IStringLocalizer<FullScreens> Localizer
@inject FullScreenService FullScreenService

<h3>@Localizer["FullScreensTitle"]</h3>

<h4>@((MarkupString)Localizer["FullScreensDescription"].Value)</h4>

<DemoBlock Title="@Localizer["FullScreenNormalTitle"]" Introduction="@Localizer["FullScreenNormalIntro"]" Name="Normal">
    <Button Text="@Localizer["FullScreenNormalButtonText1"]" OnClick="() => FullScreenService.Toggle()"></Button>
</DemoBlock>

<DemoBlock Title="@Localizer["FullScreenTitleTitle"]" Introduction="@Localizer["FullScreenTitleIntro"]" Name="Title">
    <ul class="ul-demo mb-3">
        <li>@((MarkupString)Localizer["FullScreenTitleLi1"].Value)</li>
        <li>@((MarkupString)Localizer["FullScreenTitleLi2"].Value)</li>
        <li>@((MarkupString)Localizer["FullScreenTitleLi3"].Value)</li>
    </ul>
    <Pre class="mt-3">&lt;@Localizer["Pre"] /&gt;</Pre>
    <FullScreenButton Title="@Localizer["FullScreenTitleButton1Text"]" FullScreenIcon="fa-solid fa-font-awesome" />
</DemoBlock>
